<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<link href="dist/css/starter-template.css" rel="stylesheet">
<link href="dist/css/bootstrap-checkbox.css" rel="stylesheet"
	type="text/css" media="screen">
<link href="dist/css/bootstrap-select.css" rel="stylesheet"
	type="text/css" media="screen">
<link href="dist/css/custom-style.css" rel="stylesheet" type="text/css"
	media="screen">
<link href="dist/css/custom-radiobox.css" rel="stylesheet"
	type="text/css" media="screen">

<script src="dist/js/jquery-1.9.1.min.js"></script>
<script src="dist/js/bootstrap.min.js"></script>
<script src="dist/js/bootstrap-select.js"></script>
<script src="dist/js/jquery.validate.min.js"></script>
<script src="dist/js/custom-validation.js"></script>

<body>
	<div class="container" style="height: 410px">
		<table>
			<tr align="left">
				<td valign="top">
					<div>
						<form action="addNewUser.action" method="post" id="addUser-form">
							<table align="left">
								<tr>
									<td><h4>First Name :</h4></td>
									<td><input type="text" class="form-control"
										placeholder="First Name" id="firstname" autofocus
										name="firstname"></td>
									<td><label class="error" for="firstname" generated="true"></label></td>
								</tr>
								<tr>
									<td><h4>Last Name :</h4></td>
									<td><input type="text" class="form-control"
										placeholder="Last Name" id="lastname" name="lastname"></td>
									<td><label class="error" for="lastname" generated="true"></label></td>
								</tr>
								<tr>
									<td><h4>Employee ID :</h4></td>
									<td><input type="number" class="form-control"
										placeholder="Employee ID" id="employeeId" name="employeeId"
										min="1"></td>
									<td><label class="error" for="employeeId" generated="true"></label></td>
								</tr>
								<tr>
									<td><h4>Project :</h4></td>
									<td><select class="selectpicker" id="project"
										name="project">
											<option selected="selected" disabled value="0">Select
												Project</option>
											<s:iterator value="projectList" var="p">
												<option value=<s:property value="id"/>><s:property
														value="projectName" /></option>
											</s:iterator>

									</select></td>
									<td><label class="error" for="project" generated="true"></label></td>
								</tr>
								<tr>
									<td><h4>Password :</h4></td>
									<td><input type="password" class="form-control"
										placeholder="Password" name="password" id="password"></td>
									<td><label class="error" for="password" generated="true"></label></td>
								</tr>
								<tr>
									<td><h4>Confirm Password :</h4></td>
									<td><input type="password" class="form-control"
										placeholder="Confirm password" id="confirmPassword"
										name="confirmPassword"></td>
									<td><label class="error" for="confirmPassword"
										generated="true"></label></td>
								</tr>
								<tr>
									<td><h4>
											Employee Status
											<h4></td>
									<td>
										<nav class="segmented-button">
											<input type="radio" name="getstatus" id="user-status1"
												checked="checked" value="active"> <label
												for="user-status1" class="first">Active</label> <input
												type="radio" name="getstatus" value="inactive"
												id="user-status2"> <label for="user-status2"
												class="last"> Inactive</label>
										</nav>
									</td>
								</tr>
								<tr>
									<td></td>
									<td><button class="btn btn-lg btn-primary btn-block"
											type="submit">Add</button></td>
								</tr>
							</table>
						</form>
					</div>
				</td>
			</tr>
		</table>
	</div>
</body>
